scaffolding-nextjs/scaffolding/context-component/[name]Context.test.js

Templates that aid in the development of NextJS applications.

/**
 * @file {{name}}.test.jsx
 * @url https://devhints.io/enzyme
 * @url https://github.com/airbnb/enzyme/blob/master/docs/guides/jest.md
 */
import * as React from 'react'
import { shallow, mount, render } from 'enzyme'
import {{name}}Context from './{{name}}Context.jsx'

describe('components', () => {
  describe('{{name}}', () => {
    it('should mount with props', function () {
      const wrap = mount(<{{name}}Context>Hello World</{{name}}Context>)

      const expectedProps = {
        children: 'Hello World',
        tagName: 'div',
        className: '',
        variant: 'default'
      }

      expect(wrap.props()).toEqual(expectedProps)
    })

    it('should render as type and with content', function () {
      const wrap = render(<{{name}}Context>Hello World</{{name}}Context>)

      // expect(wrap[0].type).toEqual('tag')
      // expect(wrap[0].name).toEqual('div')
      // // contain styles
      // expect(wrap[0].attribs.class).toContain('{{className}}')

      // // contain text
      // expect(wrap[0].children[0].type).toBe('text')
      // expect(wrap[0].children[0].data).toBe('Hello World')

      // // check for jsx styles
      // expect(wrap[0].children[1].type).toBe('style')
    })
  })
})